<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<!-- IE 浏览器运行最新的渲染模式-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 启用响应式特性 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 双核使用webkit内核 -->
		<meta name="renderer" content="webkit">
		<title>单程机票</title>
		<%
			String contextPath = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ contextPath + "/";
		%>
		<base href="<%=basePath%>">
		<link href="../../css/flight/bootstrap.css" rel="stylesheet" type="text/css">
		<link href="../../css/flight/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="../../css/flight/common.css" rel="stylesheet" type="text/css">
		<link href="../../css/flight/corptravel.css" rel="stylesheet" type="text/css">
		<link href="../../css/flight/enterprise.css" rel="stylesheet" type="text/css">
		<!-- IconFont图标 -->
		<link href="../../css/flight/iconfont.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="../../js/flight/jquery-1.9.1.min.js"></script>
		<script src="../../js/flight/bootstrap.min.js"></script>
		<!-- 兼容IE8 -->
		<!--[if lte IE 9]>
<script type="text/javascript"  src="../../js/flight/html5shiv.min.js"></script>
<script type="text/javascript" src="../../js/flight/respond.min.js"></script>
<![endif]-->
		<!-- layer弹框 2.1 -->
		<script type="text/javascript" src="../../js/flight/layer/layer.js"></script>
		<!-- 日历控件 -->
		<script language="javascript" type="text/javascript" src="../../js/flight/My97DatePicker/WdatePicker.js"></script>
	</head>
	<body class="bg-body">
		<jsp:include page="flight-header.jsp"></jsp:include>
		<!-- 搜索 -->
		<div class="index-wall white " style=" ">
			<div class="container" style=" position:relative;">
				<form class="form-inline">
					<div class="form-group">
						<select name="" class="form-control">
							<option selected>单程</option>
							<option>往返</option>
						</select>
					</div>
					<div class="form-group mar-left-10">
						<label for="">出发城市</label>
						<input type="text" class="form-control" style="width:85px;" id="startCity" value="成都" placeholder="">
					</div>
					<div class="form-group">
						<label for=""> — <a href="#" class="huan" id="exchange">换</a> —</label>
					</div>
					<div class="form-group">
						<label for="">到达城市</label>
						<input type="text" class="form-control" style="width:85px;" id="endCity" value="北京" placeholder="">
					</div>
					<div class="form-group mar-left-10">
						<label for="">出发日期</label>
						<input type="text" class="form-control " style="width:110px;" id="" value="2016-01-13" placeholder="" onClick="WdatePicker()">
					</div>
					<div class="form-group mar-left-10">
						<label for="">航空公司</label>
						<select id="dropAirlines" class="form-control" style=" width:120px;">
							<option value="3U">3U-川航</option>
							<option value="8C">8C-东星</option>
							<option value="8L">8L-祥鹏</option>
							<option value="9C">9C-春秋</option>
							<option value="BK">BK-奥凯</option>
							<option value="CA">CA-国航</option>
							<option value="CN">CN-新华</option>
							<option value="CZ">CZ-南航</option>
							<option value="DR">DR-瑞丽航空</option>
							<option value="DZ">DZ-东海</option>
							<option value="EU">EU-成都(鹰联)</option>
							<option value="FM">FM-上航</option>
							<option value="FU">FU-福州航空</option>
							<option value="G5">G5-华夏</option>
							<option value="GJ">GJ-长龙航空</option>
							<option value="GS">GS-天津</option>
							<option value="GX">GX-广西航空</option>
							<option value="GY">GY-多彩贵州航空</option>
							<option value="HO">HO-吉祥</option>
							<option value="HU">HU-海航</option>
							<option value="JD">JD-首都(金鹿)</option>
							<option value="JR">JR-幸福</option>
							<option value="KN">KN-联航</option>
							<option value="KY">KY-昆航</option>
							<option value="MF">MF-厦航</option>
							<option value="MU">MU-东航</option>
							<option value="NS">NS-河北</option>
							<option value="PN">PN-西部</option>
							<option value="QW">QW-青岛</option>
							<option value="SC">SC-山东</option>
							<option value="TV">TV-西藏</option>
							<option value="UQ">UQ-乌鲁木齐航空</option>
							<option value="VD">VD-鲲鹏</option>
							<option value="Y8">Y8-扬子江快运航空</option>
							<option value="YI">YI-英安</option>
							<option value="ZH">ZH-深航</option>
						</select>
					</div>
					<button type="submit" class="btn btn-warning mar-left-10">搜索</button>
				</form>
			</div>
		</div>
		<!-- 搜索结束 -->

		<!-- 日期开始 -->
		<div class="container mar-bottom-15 ">
			<div class=" bor-solid-1" style=" background:#EFF2F5;">
				<div class="arrow-left"><a href="#" style="">&nbsp;</a></div>
				<div class="arrow-right"><a href="#" style="">&nbsp;</a></div>
				<ul class="nav nav-tabs nav-justified ">
					<li role="presentation" class="active"><a href="#">01-11<br>周一</a></li>
					<li role="presentation"><a href="#">01-12<br>周二</a></li>
					<li role="presentation"><a href="#">01-13<br>周三</a></li>
					<li role="presentation"><a href="#">01-14<br>周四</a></li>
					<li role="presentation"><a href="#">01-15<br>周五</a></li>
					<li role="presentation"><a href="#">01-16<br>周六</a></li>
					<li role="presentation"><a href="#">01-17<br>周日</a></li>
				</ul>

			</div>
		</div>
		<!-- 日期结束 -->

		<!-- 列表开始 -->
		<div class="container mar-bottom-30 ">
			<div class="hangbanlist">
				<div>
					<!-- 表头 -->om-solid-1  ">
					<li class="w-percentage-25"
					<ul class="list-inline bor-bott><img src="../../images/flight/air/3U.png" width="24" height="24"> <strong> 川航</strong> 3U8891<span
							 class="gray-999 font12 mar-left-10">机型：空客320（中）</span></li>
						<li class="text-right w80"> <strong class="time ">16:30</strong></li>
						<li class=""> —— </li>
						<li class="w80"> <strong class="time ">23:30</strong></li>
						<li class="w100 text-right"> 成都双流T2</li>
						<li class=""> —— </li>
						<li class=" w100"> 北京首都T1 </li>
						<li class="w-percentage-20 text-center"> <span class="gray-999 ">机建 + 燃油：</span><span class="gray-999 rmb font12">￥50
								+ ￥20</span></li>
						<li class="pull-right"> <button type="button" class="btn btn-info flip">查看</button> </li>
					</ul>
					<!-- 表头结束 -->
					<!-- 表BODY -->
					<div class="collapse " id="collapseExample2" style=" display:block;">
						<div class="hangbanlist-body " style=" background-color:#FEFCFC;">

							<div class="panel " style="display:none;  background-color:#FEFCFC;">
								<ul class="list-inline">
									<li class="w-percentage-20"><strong class="blue-0093dd">特殊舱位(D)</strong></li>
									<li class="w-percentage-25">座位数：≥9</li>
									<li class="w-percentage-25">票面价：<span class="rmb">￥1070</span></li>


									<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥1020</strong> <span class="gray font12">1.9折</span></li>
									<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
								</ul>
								<ul class="list-inline">
									<li class="w-percentage-20">80折(M)</li>
									<li class="w-percentage-25">座位数：≥9</li>
									<li class="w-percentage-25">票面价：<span class="rmb">￥1070</span></li>



									<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥998</strong></li>
									<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
								</ul>
								<!-- 更多舱位 -->
								<ul class="list-inline">
									<li class="w-percentage-20"><strong class="blue-0093dd">特殊舱位(D)</strong></li>
									<li class="w-percentage-25">座位数：≥9</li>
									<li class="w-percentage-25">票面价：<span class="rmb">￥1070</span></li>


									<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥1020</strong> <span class="gray font12">1.9折</span></li>
									<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
								</ul>
								<ul class="list-inline">
									<li class="w-percentage-20"><strong class=" red">特惠(D)</strong></li>
									<li class="w-percentage-25">座位数：≤5</li>
									<li class="w-percentage-25">票面价：<span class="rmb">￥2980</span></li>


									<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥2560</strong></li>
									<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
								</ul>
								<ul class="list-inline">
									<li class="w-percentage-20"><strong class="red">紧急通道(D)</strong></li>
									<li class="w-percentage-25">座位数：=1</li>
									<li class="w-percentage-25">票面价：<span class="rmb">￥1070</span></li>


									<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥1020</strong> <span class="gray font12">1.9折</span></li>
									<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
								</ul>
								<ul class="list-inline">
									<li class="w-percentage-20">80折(M)</li>
									<li class="w-percentage-25">座位数：≥9</li>
									<li class="w-percentage-25">票面价：<span class="rmb">￥1070</span></li>


									<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥998</strong></li>
									<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>

								</ul>
							</div>

						</div>
					</div>
					<!-- 表BODY 结束 -->
				</div>

				<div>
					<!-- 表头 -->
					<ul class="list-inline bor-bottom-solid-1  ">
						<li class="w-percentage-25"><img src="../../images/flight/air/CA.png" width="24" height="24"> <strong>国航</strong> CA4109<span
							 class="gray-999 font12 mar-left-10">机型：空客320（中）</span></li>
						<li class="text-right w80"> <strong class="time ">16:30</strong></li>
						<li class=""> —— </li>
						<li class="w80"> <strong class="time ">23:30</strong></li>
						<li class="w100 text-right"> 成都双流T2</li>
						<li class=""> —— </li>
						<li class=" w100"> 北京首都T1 </li>
						<li class="w-percentage-20 text-center"> <span class="gray-999 ">机建 + 燃油：</span><span class="gray-999 rmb font12">￥50
								+ ￥20</span></li>
					</ul>
					<!-- 表头结束 -->
					<!-- 表BODY -->
					<div class="collapse" id="collapseExample" style=" display:block;">
						<div class="hangbanlist-body " style=" background-color:#FEFCFC;">
							<ul class="list-inline">
								<li class="w-percentage-20"><strong class="blue-0093dd">特殊舱位(D)</strong></li>
								<li class="w-percentage-25">座位数：≥9</li>
								<li class="w-percentage-25">票面价：<span class="rmb">￥1070</span></li>


								<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥1020</strong> <span class="gray font12">1.9折</span></li>
								<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
							</ul>
							<ul class="list-inline">
								<li class="w-percentage-20"><strong class=" red">特惠(D)</strong></li>
								<li class="w-percentage-25">座位数：≤5</li>
								<li class="w-percentage-25">票面价：<span class="rmb">￥2980</span></li>


								<li class="w-percentage-20 ">优惠价：<strong class="rmb orange-f60 font16">￥2560</strong></li>
								<li class="pull-right "><button type="button" class="btn btn-danger btn-sm" onClick="window.location.href ='Book-online/Passenger-information.jsp';">订票</button></li>
							</ul>
						</div>
					</div>
					<!-- 表BODY 结束 -->
				</div>


				<!-- 分页 -->
				<nav class=" pull-right ">
					<ul class="pagination">
						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>

					</ul>
				</nav>
				<!-- 分页结束 -->
				<div class="clearfix"></div>
			</div>




		</div>
		<!-- 列表结束 -->

		<script type="text/javascript">
			$(document).ready(function() {
				$(".flip").click(function() {
					$(".panel").slideToggle("");
				});
			});

			$("#exchange").click(function(){
				var startCity = $("#startCity").val();
				var endCity = $("#endCity").val();
				$("#startCity").val(endCity);
				$("#endCity").val(startCity);
			});
		</script>
		
	</body>
</html>
